<template>
  <n-a
      :href="link.linkLink"
      target="_blank"
  >
  <n-card  hoverable>
    <n-thing>
      <template #avatar>
        <n-avatar  size="medium" :src="link.linkIcon"
                   fallback-src="https://s1.aigei.com/src/img/gif/52/52af6a1c0bb04cea80b59872e44cb2c9.gif?imageMogr2/auto-orient/thumbnail/!282x282r/gravity/Center/crop/282x282/quality/85/%7CimageView2/2/w/282&e=1735488000&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:kWUBsXO2dW03ChzT3DNhoPb4HnM="
        >
        </n-avatar>
      </template>
      <template #header>
        {{link.linkName}}
      </template>
      <n-ellipsis expand-trigger="click" line-clamp="2" style="min-height: 40px" :tooltip="false">
    {{link.linkDescribe}}
      </n-ellipsis>
    </n-thing>
  </n-card>
  </n-a>
</template>

<script setup lang="ts">

const {link}=defineProps({link:{type:Object}})
</script>

<style scoped>

</style>
